/*
  学习目标：复习受控组件
  作用：收集用户数据-类似vue中的v-model
  关键点：
    1. state控制value或checked
    2. onChange修改state
*/

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  state = {
    value: '',
  };
  render() {
    const { value } = this.state;
    return (
      <div>
        {/* 1. state控制value或checked */}
        {/*     2. onChange修改state */}
        <input
          type="text"
          value={value}
          onChange={(e) => this.setState({ value: e.target.value })}
        />
      </div>
    );
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
